<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=0">
    <meta content="telephone=no" name="format-detection" />
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>知识库-我的金库</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/media.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <script type="text/javascript" src="js/lib/loading.js"></script>
</head>
<body id="app">
    <!-- 头部 -->
    <header class="header">
        <a href="javascript:history.go(-1);" title="返回" class="icon back"></a>
        <h1>用户星级排行榜</h1>
    </header>
    <section class="padT23">
        <div class="levelRank font24 marTB24">
            <ul>
                <li class="padTB24 padLR24" v-for="(index,info) in RankingList" v-cloak>
                    <span class="rank">{{index+1}}</span>
                    <span class="star"><img :src="info.headPic" class="photo"/>{{info.userName}}</span>
                    <span class="padLR24">LV{{info.level}}</span>
                </li>
            </ul>
            <span class="loading-more">加载更多...</span>
        </div>
    </section>
    

    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/lib/vue.js"></script>
    <script type="text/javascript" src="js/lib/common.js"></script>
    <script type="text/javascript" src="js/lib/global.js"></script>
    <script type="text/javascript" src="js/lib/alert.js"></script>
    <script type="text/javascript" src="js/myRanking.js"></script>
    <script>
        /*$(function(){
            var windowHeight = $(window).height();
            var listHeight =  $('.recordList > ul').height();
            var bodyHelght = $(document.body).height();
            if(windowHeight > listHeight){
                $('.recordList > ul').height(windowHeight-(bodyHelght-listHeight));
            }
        })*/
        
    </script>
</body>
</html>